<template>
  <div class="cstHeaderContainer">
    <div class="cstHeaderTitle">{{ props.title }}</div>
    <div class="cstHeaderLine">
      <line_a :title="props.enTitle" color="#A3A3A3" font-size="19px" />
    </div>
  </div>
</template>

<script setup lang="ts">
import line_a from "@/components/line/line_a.vue";

const props = defineProps({
  title: {
    type: String,
    required: false,
    default: "标题",
  },
  enTitle: {
    type: String,
    required: false,
    default: "hello world!",
  },
});
</script>

<style scoped lang="scss">
.cstHeaderContainer {
  @include relative_hw(auto, 100%);
  background: #ffffff;
  flex-direction: column;
  align-items: center;
  .cstHeaderTitle {
    @include rel_cen_hw(48px, 136px);
    font-family: "Songti SC", "Songti SC";
    font-weight: 900;
    font-size: 34px;
    color: #035db9;
  }
  .cstHeaderLine {
    @include relative_hw(26px, 100%);
    margin-top: 6px;
  }
}
</style>
